<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/extras/spring-security">
<head>
<meta charset="UTF-8"/>
<title>欢迎登录教评系统</title>
    <link rel="shortcut icon" th:href="@{../images/favicon.ico}"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/css/login.css}"/>
    <script th:src="@{/layui/layui.js}"></script>
    <script th:src="@{/js/jquery-3.6.0.min.js}"></script>
</head>
<body>

<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div><img th:src="@{../images/wellcom/teacher.jpg}" style="width: 100%;height: 100%"/></div>
        <div><img th:src="@{../images/wellcom/teacher1.jpg}" style="width: 100%;height: 100%"/></div>
        <div><img th:src="@{../images/wellcom/3.jpg}" style="width: 100%;height: 100%"/></div>
<!--        <div><img th:src="@{ }"/></div>
        <div><img th:src="@{ }"/></div>-->
    </div>
</div>
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md9">
            优秀教师展示:
        </div>
        <div class="layui-col-md3">
            日期：<input width="200px" id="getdate">
        </div>
    </div>
    <div class="layui-row" th:each="list:${list}">
        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
            教师：
        </div>
        <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
            &nbsp;&nbsp;
        </div>
        <div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
            评分：
        </div>
        <hr style="color: #00C0F7" width="100%">
        <div class="layui-col-xs4 layui-col-sm7 layui-col-md8">
            <div th:text="${list.tname}"></div>
        </div>
        <div class="layui-col-xs4 layui-col-sm5 layui-col-md4">
            <div th:text="${list.rscore}"></div>
        </div>
    </div>
</div>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,height:'400px'//设置容器高度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
        var laydate = layui.laydate;
        laydate.render({
            elem: '#getdate',// input里时间的Id
            value: new Date(),
            done: function (value, date) {
            }
        });
    });
</script>
</body>
</html>